<template>
  <main>

    <!-- 通用顶部 -->
    <c-header />

    <!-- 筛选面板 -->
    <div id="panel">
      <filter-panel ref="filter"/>
    </div>

    <!-- 所有作品 -->
    <works-list ref="works-list" />
  </main>
</template>

<script>
import Vue from 'vue'
import Header from '@/components/Header'
import FilterPanel from '@/views/game/FilterPanel'
import WorksList from '@/views/game/WorksList'

export default {
  name: 'game',
  data() {
    return {
    }
  },
  components: {
    FilterPanel, WorksList,
    CHeader: Header
  },
  methods: {
    ready() {
      $('#panel').sticky({
        // animation: 'slide-top',
        top: 55
      });
    }
  },
  mounted() {
    this.ready();
  }
}
</script>

<style>
.am-sticky {
  position: fixed!important;
  z-index: 1010;
  transform-origin: 0 0;
}
</style>
